<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8" />
<title>新闻详情-CAS官网</title>
<link href="img/favicon.ico" rel="shortcut icon">
<link rel="stylesheet" href="css/iconfont.css" />
<link rel="stylesheet" href="css/post.css" />
<script type="text/javascript" src="js/jquery-3.2.0.min.js"></script>
<script type="text/javascript" src="js/news.js"></script>
</head>

<body>
	<div class="g-hd">
		<div class="g-nav">
			<div class="m-sitename">
				<a href="index.jsp">CAS协会</a>
			</div>
			<ul class="m-nav">
					<C:forEach items="${menulist }" var="menu">
						<C:if test="${menu.permission == 0 }">
							<C:choose>
								<C:when test="${menu.name == '新闻' }">
									<li class="m-active">
										<a href="${menu.url }">${menu.name }</a>
									</li>
								</C:when>
								<C:otherwise>
									<li>
										<a href="${menu.url }">${menu.name }</a>
									</li>
								</C:otherwise>
							</C:choose>
						</C:if>
					</C:forEach>
			</ul>
			<button class="m-login">
				<a href="login.jsp">登陆</a>
			</button>
		</div>
	</div>
	<div class="g-mn">
		<div class="m-mn">
			<div class="m-title">${news.title }</div>
			<div class="m-msg">
				<span>作者：</span> <span class="m-author-count">${news.author }</span> <i
					class="icon iconfont">&#xe616;</i> <span class="m-view-count">${news.viewcount }</span>
				<span>人浏览</span> <i class="icon iconfont">&#xe616;</i> <span>发布时间：</span>
				<span class="m-writetime">${news.writetime }</span>
			</div>
			<div class="m-post-content">
				${news.content }	
			</div>
			<div class="m-comment">
				<div class="m-comment-list">
					<C:forEach items="${comments }" var="comment">
						<div class="comment" data-id="${comment.commentid }">
							<img src="img/avatar-max-img.png" />
							<div class="m-comment-content">
								<div>
									<div class="m-user">${comment.author }</div>
									<div class="m-time">${comment.writetime }</div>
								</div>
								<div class="m-content">
									${comment.content }
								</div>
								<div>
									<span>${comment.dislike }</span> <i class="icon iconfont">&#xe630;</i> <span>${comment.like }</span>
									<i class="icon iconfont">&#xe646;</i> <span>回复</span>
								</div>
								<div>
									<C:forEach items="${comments }" var="comment1">
										<C:if test="${comment1.comentid==2&&comment.commentid==comment1.parentid }">
											<div class="comment" data-id="${comment1.commentid }">
												<img src="img/avatar-max-img.png" />
												<div class="m-comment-content">
													<div>
														<div class="m-user">${comment1.author }</div>
														<div class="m-time">${comment1.writetime }</div>
													</div>
													<div class="m-content">
														${comment1.content }
													</div>
													<div>
														<span>${comment1.dislike }</span> <i id="dislike" class="icon iconfont">&#xe630;</i> <span>${comment1.like }</span>
														<i id="like" class="icon iconfont">&#xe646;</i> <span>回复</span>
													</div>
												</div>
											</div>
										</C:if>
									</C:forEach>
								</div>
							</div>
						</div>	
					</C:forEach>
					<div class="comment">
						<img src="img/avatar-max-img.png" />
						<div class="m-comment-content">
							<div>
								<div class="m-user">张三</div>
								<div class="m-time">2017年6月22日 14:36</div>
							</div>
							<div class="m-content">
								评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
							</div>
							<div>
								<span>3</span> <i class="icon iconfont">&#xe630;</i> <span>2</span>
								<i class="icon iconfont">&#xe646;</i> <span>回复</span>
							</div>
							<div>
								<div class="comment">
									<img src="img/avatar-max-img.png" />
									<div class="m-comment-content">
										<div>
											<div class="m-user">李四</div>
											<div class="m-time">2017年6月22日 14:36</div>
										</div>
										<div class="m-content">
											评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
										</div>
										<div>
											<span>3</span> <i class="icon iconfont">&#xe630;</i> <span>2</span>
											<i class="icon iconfont">&#xe646;</i> <span>回复</span>
										</div>
									</div>
								</div>
								<div class="comment">
									<img src="img/avatar-max-img.png" />
									<div class="m-comment-content">
										<div>
											<div class="m-user">王五</div>
											<div class="m-time">2017年6月22日 14:36</div>
										</div>
										<div class="m-content">
											评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
										</div>
										<div>
											<span>3</span> <i class="icon iconfont">&#xe630;</i> <span>2</span>
											<i class="icon iconfont">&#xe646;</i> <span>回复</span>
										</div>
									</div>
								</div>
								<div class="comment">
									<img src="img/avatar-max-img.png" />
									<div class="m-comment-content">
										<div>
											<div class="m-user">赵六</div>
											<div class="m-time">2017年6月22日 14:36</div>
										</div>
										<div class="m-content">
											评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
										</div>
										<div>
											<span>3</span> <i class="icon iconfont">&#xe630;</i> <span>2</span>
											<i class="icon iconfont">&#xe646;</i> <span>回复</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="comment">
						<img src="img/avatar-max-img.png" />
						<div class="m-comment-content">
							<div>
								<div class="m-user">李四</div>
								<div class="m-time">2017年6月22日 14:36</div>
							</div>
							<div class="m-content">
								评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
							</div>
							<div>
								<span>3</span> <i class="icon iconfont">&#xe630;</i> <span>2</span>
								<i class="icon iconfont">&#xe646;</i> <span>回复</span>
							</div>
							<div>
								<div class="comment">
									<img src="img/avatar-max-img.png" />
									<div class="m-comment-content">
										<div>
											<div class="m-user">李四</div>
											<div class="m-time">2017年6月22日 14:36</div>
										</div>
										<div class="m-content">
											评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
										</div>
										<div>
											<span>3</span> <i class="icon iconfont">&#xe630;</i> <span>2</span>
											<i class="icon iconfont">&#xe646;</i> <span>回复</span>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
					<div class="comment">
						<img src="img/avatar-max-img.png" />
						<div class="m-comment-content">
							<div>
								<div class="m-user">李四</div>
								<div class="m-time">2017年6月22日 14:36</div>
							</div>
							<div class="m-content">
								评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
							</div>
							<div>
								<span>3</span> <i class="icon iconfont">&#xe630;</i> <span>2</span>
								<i class="icon iconfont">&#xe646;</i> <span>回复</span>
							</div>
						</div>
					</div>
					<div class="comment">
						<img src="img/avatar-max-img.png" />
						<div class="m-comment-content">
							<div>
								<div class="m-user">李四</div>
								<div class="m-time">2017年6月22日 14:36</div>
							</div>
							<div class="m-content">
								评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
							</div>
							<div>
								<span>3</span> <i class="icon iconfont">&#xe630;</i> <span>2</span>
								<i class="icon iconfont">&#xe646;</i> <span>回复</span>
							</div>
						</div>
					</div>
					<div class="comment">
						<img src="img/avatar-max-img.png" />
						<div class="m-comment-content">
							<div>
								<div class="m-user">李四</div>
								<div class="m-time">2017年6月22日 14:36</div>
							</div>
							<div class="m-content">
								评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
							</div>
							<div>
								<span>3</span> <i class="icon iconfont">&#xe630;</i> <span>2</span>
								<i class="icon iconfont">&#xe646;</i> <span>回复</span>
							</div>
						</div>
					</div>
					<div class="comment">
						<img src="img/avatar-max-img.png" />
						<div class="m-comment-content">
							<div>
								<div class="m-user">李四</div>
								<div class="m-time">2017年6月22日 14:36</div>
							</div>
							<div class="m-content">
								评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容
							</div>
							<div>
								<span>3</span> <i class="icon iconfont">&#xe630;</i> <span>2</span>
								<i class="icon iconfont">&#xe646;</i> <span>回复</span>
							</div>
						</div>
					</div>
				</div>
				<textarea id="newscomment" name="" data-id="${news.newsid }"></textarea>
				<button >评论</button>
			</div>
		</div>
	</div>
	<div class="m-copyright">
		Copyright © 2017, All Rights Reserved Powered By <a href="index.jsp">CAS协会</a>
	</div>
</body>

</html>